<template>
  <!-- 1.为子组件绑定ref属性 -->
  <Person ref="ren" />
  <button @click="showLog">测试</button>
</template>

<script setup lang="ts" name="App">
import { ref } from "vue";
import Person from "./components/Person.vue";
// setup会自动将模板中的数据进行返回

// 2.创建变量保存ref标记内容
let ren = ref();
function showLog() {
  console.log(ren.value);
  // 在父组件中给子组件标签绑定ref,获取到的是子组件的实例对象,
  // 只能访问到子组件通过defineExpose暴露出来的数据
}
</script>
